<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>登录乐小转</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/loginIndex.min.css?v=<%=$version%>">
</head>
<body>
<div id="telLogin" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        <template v-if="type==1||type==2||type==3">
            登录乐小转
        </template>
        <template v-if="type==4||type==5">
            找回登录密码
        </template>
        <template v-if="type==6||type==7">
            设置新密码
        </template>
        <template v-if="type==8||type==9">
            注册新用户
        </template>
        <template v-if="type==10">
            验证手机号
        </template>
        <template v-if="type==11">
            填写手机号
        </template>
    </div>
    <template v-if="type==1||type==8||type==11">
        <div class="telLogin-cent">
            <div class="telLogin-centTop">
                手机号码归属地<strong>中国<span>&gt;</span></strong>
            </div>
            <div class="telLogin-centButt">
                <span>+86</span>
                <input type="tel" id="telephone" placeholder="请输入手机号" v-model="mobile">
                <strong v-if="mobile" @click="getClose()"></strong>
            </div>
            <div class="loginIndex-btn2" :class="{'loginIndex-btn1':mobile}" @click="getPresend()">下一步</div>
        </div>
        <div class="telLogin-txt" @click="getPswLogin()" v-if="type==1">使用密码登录</div>
        <div class="telLogin-butt" v-if="type==1">登录代表你已同意<a href="/happyi/userProtocol">《乐小转用户协议》</a></div>
        <div class="telLogin-butt" v-if="type==8">注册代表你已同意<a href="/happyi/userProtocol">《乐小转用户协议》</a></div>
    </template>
    <template v-if="type==2||type==9||type==5||type==10">
        <div class="verification">
            <p>已发送6位验证码至 +86 {{mobile}}</p>
            <span class="txt4090f7" @click="getPresend()">重新发送</span>
            <div class="verification-input">
                <input type="number" id="code1" oninput="if(value.length>1)value=value.slice(0,1)" v-model="num1">
                <input type="number" id="code2" oninput="if(value.length>1)value=value.slice(0,1)" v-model="num2">
                <input type="number" id="code3" oninput="if(value.length>1)value=value.slice(0,1)" v-model="num3">
                <input type="number" id="code4" oninput="if(value.length>1)value=value.slice(0,1)" v-model="num4">
                <input type="number" id="code5" oninput="if(value.length>1)value=value.slice(0,1)" v-model="num5">
                <input type="number" id="code6" oninput="if(value.length>1)value=value.slice(0,1)" v-model="num6">
            </div>
            <span class="txt4090f7" v-if="type==2" @click="getPswLogin()">使用密码登录</span>
        </div>
    </template>
    <template v-if="type==3">
        <div class="pwdLogin">
           <!--<div class="telLogin-centTop">手机号 +86 {{mobile}}</div>-->
            <div class="telLogin-centButt">
                <input type="tel" id="telephone1" placeholder="请输入手机账号" v-model="mobile">
                <strong @click="getClose1()" v-if="mobile"></strong>
            </div>
            <div class="telLogin-centButt">
                <input type="password" id="psw1" placeholder="请输入密码" v-model="password">
                <strong @click="getClose()" v-if="password"></strong>
            </div>
            <div class="loginIndex-btn2" :class="{'loginIndex-btn1':password}" @click="getLogin()">登录</div>
            <div class="pwdLogin-txt clearfix">
                <span class="txt4090f7" @click="getYzm(2)">使用短信验证码登录</span>
                <span class="txt4090f7 txtRight" @click="getYzm(4)">忘记密码</span>
            </div>
        </div>
    </template>
    <template v-if="type==4">
        <div class="pwdLogin retrievePsw">
            <div class="telLogin-centTop">请填写你要找回密码的账号</div>
            <div class="telLogin-centButt">
                <input type="text" id="psw2" placeholder="请输入手机号/邮箱/ID号" v-model="mobile">
                <strong v-if="mobile" @click="getClose()"></strong>
            </div>
            <div class="loginIndex-btn2" :class="{'loginIndex-btn1':mobile}" @click="presendMessage()">下一步</div>
        </div>
    </template>
    <!--<template v-if="type==5">-->
        <!--<div class="verification">-->
            <!--<p>已发送6位验证码至 +86 {{mobile}}</p>-->
            <!--<span class="txt4090f7">重新发送<span></span></span>-->
            <!--<div class="verification-input">-->
                <!--<input type="number">-->
                <!--<input type="number">-->
                <!--<input type="number">-->
                <!--<input type="number">-->
                <!--<input type="number">-->
                <!--<input type="number">-->
            <!--</div>-->
            <!--&lt;!&ndash;<span class="txt4090f7 txtccc">使用密码登录</span>&ndash;&gt;-->
        <!--</div>-->
    <!--</template>-->
    <template v-if="type==6">
        <div class="pwdLogin retrievePsw">
            <div class="telLogin-centTop">请为账号 {{mobile}} 设置一个新密码</div>
            <div class="telLogin-centButt">
                <input type="password" id="psw3" placeholder="请设置8-32位（数字+字母）" v-model="password">
                <strong @click="getClose()" v-if="password"></strong>
            </div>
            <div class="loginIndex-btn2" :class="{'loginIndex-btn1':password}" @click="getYzm(7)">下一步</div>
        </div>
    </template>
    <template v-if="type==7">
        <div class="pwdLogin retrievePsw">
            <div class="telLogin-centTop">请再次确认密码</div>
            <div class="telLogin-centButt">
                <input type="password" id="psw4" placeholder="请设置8-32位（数字+字母）" v-model="password1">
                <strong @click="getClose()" v-if="password1"></strong>
            </div>
            <div class="loginIndex-btn2" :class="{'loginIndex-btn1':password1}" @click="setForgetCode()">保存新密码</div>
        </div>
    </template>
    <div id="mask" v-if="isShow||isScreen"></div>
    <div id="otherLogin" v-if="isShow">
        <div class="otherLogin-nav clearfix">
            <!--<span class="telLogin-weixin">微信</span>-->
            <!--<span class="telLogin-qq">QQ</span>-->
            <span class="telLogin-pwd" @click="getPswLogin()">账号密码</span>
        </div>
        <div class="otherLogin-btn" @click="getShow()">取消</div>
    </div>
    <div id="registerOK" :class="{'maskShow':isScreen}">
        <div class="registerOK-bg">
            <strong class="registerOK-head" :style="bgimg(registerUser.headImg)"></strong>
            <h6>恭喜<span>{{registerUser.name}}</span></h6>
            <p>注册成为乐小转会员</p>
            <div class="registerOK-cent">恭喜您获得<span>50</span></div>
            <div class="coupon-list newList">
                <strong class="slide-img"></strong>
                <h6>新人专享折扣资格券</h6>
                <span class="coupon-lable">资格券</span>
                <div class="list-butt">
                    实物商品
                    <span class="list-btn" @click="getIsScreen(1)">立即使用</span>
                </div>
            </div>
            <!--<div class="registerOK-butt">（已存入您的储物箱）</div>-->
        </div>
        <div class="registerOK-btn" @click="getIsScreen(1)"></div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/telLogin.js?v=<%=$version%>"></script>

</body>
</html>